<ion-view id="goodsList" view-title="产品列表" hide-back-button="true" cache-view="false">
  <div class="scroll-content  has-header" scroll="false">
    <ion-side-menus>
      <header id="header">
        <div class="header-left" ng-click="func_goBack()">
          <span></span>
        </div>
        <div class="header-center">
          <span></span>
        </div>
        <div class="header-right" ng-click="toggleRight()">
          <span></span>
        </div>
      </header>
      <div class="banner">
        <ion-slide-box show-pager="true" auto-play="true" does-continue="true">
          <ion-slide>
            <img ng-src="{{goodsListDetailData[0].adSrc}}" alt="{{goodsListDetailData[0].adSrc}}">
          </ion-slide>
          <ion-slide>
            <img ng-src="{{goodsListDetailData[0].adSrc}}" alt="{{goodsListDetailData[0].adSrc}}">
          </ion-slide>
          <ion-slide>
            <img ng-src="{{goodsListDetailData[0].adSrc}}" alt="{{goodsListDetailData[0].adSrc}}">
          </ion-slide>
        </ion-slide-box>
      </div>
      <ion-side-menu side="left" style="z-index: -1;">


        <ion-content class="has-header" id="nav">
          <ion-list>
            <ion-item ng-class="$index==0?'nav-current':'nav-blur'" ng-repeat="item in goodsListData"
              ng-click="goodsListLeftClick($event);getGoodsListDetailData(item);toggleRight();">{{item.name}}</li>
            </ion-item>
          </ion-list>
        </ion-content>
      </ion-side-menu>

      <ion-side-menu-content id="pro">
        <ion-content lazy-scroll>
          <ion-refresher pulling-text="获取最新数据..." refreshing-text="正在加载" on-refresh="getGoodsListDetailData()"
            distance="5%">
          </ion-refresher>
          <div class="pro-scroll">
            <div class="pro-warp">
              <div class="content">
                <div class="content-body">
                  <div class="content-body-list" ng-repeat="item in goodsListDetailData"
                    ui-sref="details({productId:item.productId,name:item.name,price:item.price})">
                    <div class="goodsListImg">
                      <img ng-src="{{item.src}}">
                    </div>
                    <div class="pro-body-des-text">
                      <span>{{item.name}}</span>
                      <b>￥{{item.price}}</b>
                      <div class="pro-body-des-con">
                        <span>{{item.haoping}} 好评</span>
                        <span>{{item.buy}}人买过</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <ion-infinite-scroll ng-if="pms_isMoreItemsAvailable" on-infinite="func_loadMoreGoodsList()" distance="1%">
            <span>全在这儿喽！</span>
          </ion-infinite-scroll>
        </ion-content>
      </ion-side-menu-content>
    </ion-side-menus>
  </div>
</ion-view>